iT邦幫忙

0

JS筆記-VScode的Prettier(自動排版)怎麼開始使用?

  • 分享至 

  • xImage
  •  

目錄

JS筆記-幫元素加上style的寫法
JS筆記-getPosition 讓你找到元素x,y位置
js筆記--寫腳本需要用到的waitForKeyElements.js
JS筆記-設定CSSstyle的function
JS筆記-使用fetch下載檔案/download.js好用的東西
JS筆記-前端新手練習小專案(附加4個JS實例網站可學)
JS筆記-關掉alert的簡單小技巧
JS筆記-使用ajax傳送表單(ex.傳送google表單)
JS筆記-前端撥放m3u8的兩種方法
JS筆記-讓chrome跳過「允許下載多個檔案」的技巧
JS筆記-製作copy效果
JS筆記-暫時讓網頁可以編輯
JS筆記-VScode自己設定速打
JS筆記-VScode的Prettier(自動排版)怎麼開始使用?

前情提要

首先當然要自己去安裝 Prettier 的套件

接下來安裝完了要去搞一點設定

先按設定,然後右邊有一個設定json的圖案。

裡面貼上

程式碼

{
    "workbench.colorTheme": "Default Dark+",
    "liveServer.settings.donotShowInfoMsg": true,
    "workbench.iconTheme": "material-icon-theme",
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,   //true→開啟(預設值);false→關閉

}

這樣子每次儲存就會自動幫你排版了,真的好爽!

或是

從設定那邊的-->文字編輯器--->格式化--->format on save

醬子也可以用了唷!(◉3◉)

未來延伸

下次寫文章筆記一下寫JQ的時候怎麼讓VScode有提示碼,寫起來才爽爛!(´◓Д◔`)
喜歡的記得追蹤JS筆記系列,全部都是老子自學的血跟淚呀!
我們下次見~


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言